@import './variables.scss';

.#{$TableNameSpace} {
  &__table {
    width: calc(100% - 40px);
    margin: 0 20px 5px 20px;
    z-index: 1;
    border: 1px solid rgba(211,211,211,0.5);
    border-top: none;
    border-bottom: none;
    .vxe-pager.size--mini {
      height: 32px;
    }

    .vxe-table {
      .vxe-body--expanded-cell {
        margin-left: 100px;
        padding: 5px;
      }

      // 修改校验信息弹窗的位置 前两行放在 row 的底部
      .vxe-body--row {
        &:nth-child(-n + 2) .vxe-cell--valid {
          top: calc(100% + 4px);
        }
        .col--edit {
          .el-select {
            .el-input__suffix {
              overflow: hidden;
            }
          }
        }
      }

      &--body {
        .col--checkbox .is--disabled {
          display: none;
        }
      }
    }
    &__editableColumn {
      background: $EditableColor;
    }
  }

  &__tooltip {
    z-index: 2015;
    padding: 10px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    font-size: 0;
    width: 200px;
    height: 200px;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    &__arrow::before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      transform: rotate(45deg);
      background-color: #fff;
    }

    &[data-popper-placement^='top'] > &__arrow {
      bottom: -5px;
    }

    &[data-popper-placement^='bottom'] > &__arrow {
      top: -5px;
    }

    &[data-popper-placement^='left'] > &__arrow {
      right: -5px;
      &::before {
        box-shadow: 9px 0px 10px -2px #ccc;
      }
    }

    &[data-popper-placement^='right'] > &__arrow {
      left: -5px;
      &::before {
        box-shadow: -6px 3px 10px -2px #ccc;
      }
    }
  }
  .vxe-cell--tree-node {
    display: flex;
    justify-content: center;
  }
  .col--tree-node {
    padding: 0 !important;
  }
}
/*手机*/
@media screen and (max-width:600px){
  .align--right{
      overflow-x: auto;
      white-space: nowrap;
  }
}

.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis), .vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
  padding: 2px 0 !important;
}